 
function projectMemberPanel(){
	
	var memberTypeStore = CRM.commons.createComboStore('memberTypeStoreid','project/memberTypeList','');
	//Data Array because add check box in grid
    var userDataField   = ['','employeeId','firstName','middleInitial','lastName','title','empCode','email','phone1','phone2'];
    var userStore       = CRM.commons.createStore('userStoreid',userDataField,'project/showMemberList');
	
	   
    var memberPanel = {
            xtype       : 'fieldset',
            id          : 'externalMemberInfoPanel2',
            height      : 45,
            width       : '100%',
            layout      : 'form',
            items       : [
                          
                           {
							    xtype   	  : 'combo',
							    id      	  : 'memberType',
							    width   	  :  180,
							    fieldLabel	  : 'Member Type',
							    store         : memberTypeStore,
				    		   	displayField  : 'criteria',
				    		   	valueField    : 'id',
				    		   	triggerAction : 'all',
				    		   	typeAhead     : true,
				    		   	editable      : false,
				    		   	value		  : 'SELECT',
				    		    listeners	  : {select : function(){
									                 bindValue('memberType', 'memberTypeId');
									                 reloadMember();
								                          } 
							                     }
					     	},
					     	{
					     		    xtype	: 'hidden',
					     		    id		: 'memberTypeId'
					     	 
					     	},
					     	{
						     	   xtype    : 'hidden',
						     	   id       : 'empTypeId'
							}]   
		};
   
    var userGridView = new Ext.grid.GridView();
    var sm = new Ext.grid.CheckboxSelectionModel();
   
   	var userGrid  = new Ext.grid.GridPanel({
   	 		id			: 'userGrid',
   	 		view 		: userGridView,
   	 	 	height	    : 130,
   	 	 	//autoScroll	: true,
   	 	    store		: userStore,
	 	 	stripeRows	: true,
	      	enableRowBody : true,
	      	scrollable	: true,	
   	 		sm			: sm,
   	 		cm			: new Ext.grid.ColumnModel({
            				defaults: {
                				width: 120,
                				sortable: true
            					},
            					columns: [
            				                sm,
            				                {
            				           	    	header 		: 'Emp Id',
            				           	        width		: 60,
            				           	        align		: 'center',
            				           	        sortable	: true,
            				           	        index		: 'employeeId'
            				           	    }
            				           	    ,		                                 		
            				           	    {
            				           	        header 		: 'First Name',
            				           	        align		: 'left',
            				           	        sortable	: true,
            				           	        index		: 'firstName'
            				           	    }
            				           	    ,
            				           	    {
            				           	        header 		: 'M.I.',
            				           	        align		: 'left',
            				           	        sortable	: true,
            				           	        index		: 'middleInitial',
            				           	        width		: 40
            				           	    },
            				           	 	{
            				           	        header 		: 'Last Name',
            				           	        align		: 'left',
            				           	        sortable	: true,
            				           	        index		: 'lastName',
            				           	        width       : 80
            				           	    }
            				           	    ,
            				           	   {
            				         	    	header      : 'Title',
            				         	    	align       : 'left',
            				         	    	index       : 'title',
            				         	    	sortable    : true
            				         	   },
            				         	   {
            				        	    	header      : 'EmpCode',
            				        	    	align       : 'left',
            				        	    	width       : 70,
            				        	    	index       : 'empCode',
            				        	    	sortable    : true
            				        	   }
            				         	   ,
            				               {
            				        	       	header 		: 'Email',
            				        	       	width		: 170,
            				          	        align		: 'left',
            				          	        index       : 'email',
            				          	        sortable	: true
            				        	    },
            				           	 	{
            				           	        header 		: 'Phone(W)',
            				           	        width       : 100,
            				           	        align		: 'center',
            				           	        index       : 'phone1',
            				           	        sortable	: false
            				           	    },
            				           	 	{
            				           	        header 		: 'Phone(M)',
            				           	        width       : 100,
            				           	        align		: 'center',
            				           	        index       : 'phone2',
            				           	        sortable	: false
            				           	 	}
            				             ]
   	 		})             
   	 		
   	});
    
    var memberPanel= {
    	    xtype : 'panel',
    	    frame : true,
    	    items : [memberPanel,userGrid]
    	  };
    
   return memberPanel;
	 
 }